<style lang="sass" scoped>
    .one{
        width:280px;
        height:280px;
        display:block;
        margin:210px auto 0;
    }
    .two{
        margin-top:35px;
        color:#ff6e6e;
        font-size:45px;
        text-align:center;
    }
    .three{
        margin-top:3px;
        color:#ff6e6e;
        font-size:22px;
        text-align:center;
    }
    .four{
        width:550px;
        margin:70px auto 0;
        justify-content:center;
        .btn{
            width:224px;
            height:122px;
            line-height:122px;
            text-align:center;
            font-size:45px;
            color:#fff;
            background:#ff6e6e;
        }
    }
</style>
<template>
    <div class="container">
        <img src="../../assets/images/order/ts_zfcg.png" class="one">
        <div class="two">恭喜支付成功！</div>
        <div class="three">我们将以最快的速度送货到您手中</div>
        <div class="four flex">
            <router-link :to="{name:'home',query:{type:'order'}}" class="btn" tag="div" replace>确定</router-link>
        </div>
    </div>
</template>
<script>
    export default {
        components: {
        },
        data() {
            return {
                
            };
        },
        watch:{
        },
        created(){

        },
        mounted() {
            this.$nextTick(() => {
                $('body').css({background:'#fff'});
            });
        },
        methods: {
            
        },
        
    };
</script>